html,
body {
  height: 100%;
}

.guideWrap {
  min-height: 100%;
  background: url('/resource_images/#{$path}_appdown/guide/background.png')
    no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-bottom: 1rem;

  .content {
    padding: 0 0.28rem;
  }

  .content .browser-tip {
    padding-top: 0.2rem;
    color: #a5a9b3;
    font-size: 0.28rem;
  }

  .content .tep-text {
    margin-top: 0.4rem;
    text-align: center;
  }

  .content .tep-text img {
    width: 100%;
  }

  .content .browser-img {
    width: 100%;
    margin-top: 0.4rem;
  }

  .content .browser-img img {
    width: 100%;
  }

  .btn-group {
    margin-top: 0.4rem;
    text-align: center;
  }
  .btn-group .copyLink {
    width: 3.14rem;
    height: 0.9rem;
    color: $guide_copy_btn;
    font-size: 0.28rem;
    background: url('/resource_images/#{$path}_appdown/guide/btn_bg.png')
      no-repeat center center;
    background-size: cover;
    font-weight: bold;
  }

  .h5-link {
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 1rem;
    height: 1rem;
    background-color: #ffffff;
    text-align: center;
  }

  .h5-link p {
    display: inline-block;
    color: #676b77;
  }

  .h5-link a {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 0.68rem;
    line-height: 0.68rem;
    border-radius: 4px;
    background-image: $gradient;
    font-size: 14px;
    color: #ffffff;
    margin-left: 0.5rem;
  }
}

.weixin_tip {
  position: relative;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url('/resource_images/#{$path}_appdown/guide/background.png')
    no-repeat;
  background-size: cover;

  #tips {
    display: block;
    border: none;
    width: 100%;
    height: auto;
  }

  .copyContainer {
    text-align: center;
    line-height: 0;
    width: 100%;
  }

  .copyContainer button {
    width: 4.8rem;
    height: 1.04rem;
    margin-top: 0.78rem;
    margin-bottom: 0.78rem;
    border-radius: 0.72rem;
    background: #fff;
    padding: 0;
    border: 0;
    line-height: 1.04rem;
    font-size: 0.44rem;
    box-shadow: 0 0.12rem 0.52rem -0.12rem #d5d5d5;
    background: url('/resource_images/#{$path}_appdown/guide/btn_bg.png')
      no-repeat;
    background-size: 100% 100%;
    color: #92775a;
  }

  .copyContainer button:focus {
    outline: none;
  }
}
